<template>
    <div class="project-progress">
        <el-progress :percentage="progress" :stroke-width="6" class="progress"></el-progress>
    </div>
</template>

<script>
export default {
    props: {
        progress: {
            type: Number,
            default: 0,
        },
    },
    name: "",
    data() {
        return {};
    },
    created() {},
    methods: {},
    components: {},
};
</script>


<style scoped>
.project-progress {
    width: 166px;
    height: 28px;
    box-sizing: border-box;
    padding: 6px 8px;
    background: rgba(165, 177, 209, 0.1);
    margin-left: 8px;
    border-radius: 6px;
}
</style>

<style>
.project-progress .progress .el-progress-bar__outer {
    background-color: #fff;
}
.project-progress .progress .el-progress__text {
    color: #17233d;
    margin-left: 15px;
}
</style>
